<template>
	<!-- 组织设备树组件使用示例 -->
	<div class="app-container">
		<div>
			<h2>组织设备树组件使用示例-单选</h2>
			<ZmTree
				placeholder="请输入要搜索的位置"
				:requestApi="getTreeIntegrationApi"
				:enableFilter="true"
				:lazyLoad="true"
				:lazySearch="true"
				:checkStrictly="false"
				@node-click="handleClick"
			>
			</ZmTree>
		</div>

		<div>
			<h2>组织设备树组件使用示例-复选</h2>
			<ZmTree
				placeholder="请输入要搜索的位置"
				:requestApi="getTreeIntegrationApi"
				:enableFilter="true"
				:show-checkbox="true"
				:lazyLoad="true"
				:lazySearch="true"
				:checkStrictly="false"
				@node-click="handleClick"
			>
			</ZmTree>
		</div>
	</div>
</template>

<script setup lang="ts">
import { getTreeIntegrationApi } from "@/api/position";

function handleClick(data: any) {
	console.log(data);
}
</script>

<style lang="scss" scoped>
.app-container {
	display: flex;
}
</style>
